site_8g/src/app/[locale]/(TabBar)/profile/layout.tsx

import Header from "@/components/Header";
import { getTranslations } from "next-intl/server";
import { ReactNode, Suspense } from "react";
import DownloadSection from "../[[...share]]/_home/DownloadSection";

export const generateMetadata = async () => {
    const t = await getTranslations("titles");
    return {
        title: t("profile"),
    };
};
export default async function LocaleLayout({
    children,
    params: { locale },
}: {
    children: ReactNode;
    params: { locale: string };
}) {
    return (
        <div className="profilPage h-[100%] bg-[#0b0e10]">
            <Suspense>
                <DownloadSection />
            </Suspense>
            <Suspense>
                <Header></Header>
            </Suspense>
            <main className={"main-header"}>{children}</main>
        </div>
    );
}